<!--
 * @Author: ZhaoZhiqi
 * @Date: 2024-07-01 17:54:24
 * @LastEditors: ZhaoZhiqi
 * @LastEditTime: 2024-09-03 11:33:00
 * @Description: 
 * @FilePath: \charging-mini\src\pages\index.vue
-->
<template>
    <div class="container">
        <HeaderBar>
            <template slot="titleBar">
                <img class="title" src="../assets/imgs/wallet-title.png" alt="" />
            </template>
        </HeaderBar>
        <Tabs style="flex: auto; overflow: auto" v-model="index" :list="list">
            <template v-slot="{ index }">
                <div v-if="index === 0" class="list">
                    <div v-for="i in 100">{{ index }}</div>
                </div>
                <div v-else class="list">
                    <div v-for="i in 10">{{ index }}</div>
                </div>
            </template>
        </Tabs>
        <ant-button type="default">次要按钮</ant-button>
    </div>
</template>
<script>
import HeaderBar from "../components/HeaderBar.vue";
import Tabs from "../components/Tabs.vue";
const app = getApp();
export default {
    components: { HeaderBar, Tabs },
    data() {
        return {
            index: 0,
            show: false,
            list: ["全部记录", "消费记录", "充值记录"],
        };
    },
    created() {},
    mounted() {
        // uni.showToast({
        //     title: "标题",
        //     duration: 2000,
        // });
    },
    onReady() {},
    methods: {},
};
</script>
<style scoped lang="less">
.container {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #f6f6f6;
    box-sizing: border-box;
    .title {
        width: 160rpx;
        height: 52rpx;
        margin-left: 20rpx;
        display: block;
    }
    .list {
    }
}
</style>
